var divwidth=200;
var interval=15;
createDiv();
		function createDiv() {// 创建100个div
			for (var i = 0; i <100; i++) {
				var div = document.createElement('div');
				var img=document.createElement('img');
				/*if(i%2==1){
					img.setAttribute("src", "static/MS16.jpg");
				}else{
					img.setAttribute("src", "static/1.jpg");
				}*/
				//var rnd = Math.floor(Math.random() * 300 + 50) // div的高度在50到350之间
				//div.style.height = rnd + "px";
				//div.style.height = "auto";
				//img.setAttribute("src", "static/1.jpg");
				var ran=parseInt(Math.random()*100);
				console.log("tran："+ran);
				if(i%3==1){
					img.setAttribute("src", "static/MS16.jpg");
				}else if (i%3==2){
					img.setAttribute("src", "static/1.jpg");
				}else {
					img.setAttribute("src", "static/2.jpg");
				}
				//div.innerHTML = i;
				div.appendChild(img);
				document.body.appendChild(div);
			}
			;
			change();
		}
	
		function change() {
			var aDiv = document.getElementsByTagName('div');// 找出所有的div
			console.log("div数量:"+aDiv.length);
			var windowCW = document.documentElement.clientWidth; // 窗口视口的宽度
			console.log("窗口宽度:"+windowCW);
			var n = Math.floor(windowCW / (divwidth + interval)); // 一行能容纳多少个div，并向下取整
			if (n <= 0) {
				return;
			}
			console.log("一行能容纳数量:"+n);
			var t = 0;
			var center = (windowCW - n * (divwidth + interval)) / 2; // 居中
			var arrH = []; // 定义一个数组存放div的高度
			for (var i = 0; i < aDiv.length; i++) {
				var j = i % n;
	
				if (arrH.length == n) { // 一行排满n个后到下一行
					var min = findMin(arrH); // 从最“矮”的排起，可以从下图的序号中看得出来，下一行中序号是从矮到高排列的
					aDiv[i].style.left = center + min * divwidth + min * interval + "px";
					aDiv[i].style.top = arrH[min] + interval + "px";
					arrH[min] += aDiv[i].offsetHeight + interval;
				// alert(min);
				} else {// 还在第一行的时候
					arrH[j] = aDiv[i].offsetHeight;
					aDiv[i].style.left = center + divwidth * j + interval * j + "px";
					aDiv[i].style.top = 0;
				}
	
			};
		}
		window.onresize = function() { // 窗口改变也调用函数
			change();
		}
		window.onscroll = function() {
			// 页面总高度
			var bodyHeight = document.documentElement.offsetHeight;
			// 可视区高度
			var windowHeight = document.documentElement.clientHeight;
			// 滚动条的高度
			var srcollTop = document.documentElement.scrollTop || document.body.scrollTop;
			var srcollH = document.body.scrollHeight;
			// alert(srcollH);
			if (srcollTop + windowHeight >= srcollH - 20) {
				createDiv();
			}
		}
	
		function findMin(arr) {
			var m = 0;
			for (var i = 0; i < arr.length; i++) {
				m = Math.min(arr[m], arr[i]) == arr[m] ? m : i;
			}
			return m;
		}
		
		var t1 = window.setInterval(change,100); 